<template>
  <div>
    <h3>
       <!-- {{ detailInfo.market_attribute.dealer_price }} -->
      <!-- {{ detailInfo.market_attribute.dealer_price }} -->
    </h3>
    <!-- <h3 ref="hhh">
      {{ msg }}
    </h3>
    <div>
      {{ list }}
    </div>
    <button @click="change">点我</button> -->
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data() {
    return {
      // detailInfo: {
      //   market_attribute: {}
      // }
      // msg: "我是一条数据",
      // list: Object.freeze([
      //   {
      //     title: "数据一"
      //   },
      //   {
      //     title: "数据二"
      //   },
      //   {
      //     title: "数据三"
      //   }
      // ])
    }
  },
  created() {
    // 冒烟

    // axios.get('/v2-car-getInfoAndListById.html?SerialID=2593').then(res => {
    //   this.detailInfo = res.data.data
    //   console.log(res.data.data)
    // })

    // setTimeout(() => {
    //   this.detailInfo = {
    //     market_attribute: {
    //       dealer_price: "11000W"
    //     }
    //   }
    // }, 0)
  },
  methods: {
    change() {
      // 数据冻结
      // Object.freeze
      this.list[0].title = '111'
      console.log(this.list)



      // this.msg = "我修改了";
      // this.$nextTick(callback)  确定dom更新完毕以后会执行
      // this.$nextTick(() => {
      //   console.log(this.$refs.hhh.innerHTML);
      // });
    },
  },
};
</script>

<style>
</style>